<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,minimum-scale=1.0">
		<!-- 网站作者 -->
		<meta name="author" content="queen">
		<!-- 网站描述 -->
		<meta name="description" content="本网站为...类型网站，主要服务对象为...">
		<!-- 网站关键词 -->
		<meta name="keywords" content="关键词1，关键词2，...">
		<!-- 禁止链接高亮 -->
		<meta name="msapplication-tap-highlight" content="no">
		<!-- format-detection为格式检测 -->
		<!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 告诉设备不识别邮箱，点击之后不自动发送 -->
		<meta name="format-detection" content="email=no">
		<!-- 禁止跳转至地图功能页面 -->
		<meta name="format-detection" content="adress=no">
		<!-- UC强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true" />
		<!-- 360-优先使用 IE 最新版本和 Chrome进行渲染 -->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<title>提现</title>
		<link rel="stylesheet" href="css/withdraw deposit.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<script type="text/javascript" src="js/fastclick.js"></script>
		<script type="text/javascript" src="js/flexible.js"></script>
		<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
	</head>

	<body>
		<div class="container">
			<div class="nav">
				<a id="back" href="javascript:history.back(-1)"></a>
				<p>提现</p>
			</div>
			<form action="">
				<div class="input-group">
					<span>当前余额</span>
					<input type="number" id="currentBalance" disabled="disabled" placeholder="90.00" / style="background: #fff;">
				</div>
				<div class="input-group">
					<span>提现金额</span>
					<input type="number" id="balance" placeholder="请输入体现的金额" />
				</div>
				<div class="input-group">
					<p>
						<label for="wx">提现到微信红包</label>
						<input type="radio" id="wx" checked="checked" name="tixian" />
					</p>
					<p>
						<label for="yhk">提现到银行卡</label>
						<input type="radio" id="yhk" name="tixian" />
					</p>
				</div>
			</form>
			<div class="chongzhi">
				<p>
					<span id="aaa">充值记录</span>
					<span>忘记密码</span>
				</p>
			</div>
			<div class="submit">
				<button id="submit1">确定</button>
			</div>
		</div>
		<center id="zhezhao">
			<div id="password">
				<p>请输入钱包密码</p>
				<div class="password-div">
		<label for="password" class="password-lable">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<input id="password" type="password" name="password" maxlength="6">
		</label>
	</div>
				<span>输入错误，请重新输入</span>
			</div>
		</center>
	</body>
	<script type="text/javascript">
		var back = document.querySelector("#back");
		var submit1 = document.querySelector("#submit1");
		var currentBalance = document.querySelector("#currentBalance");
		var balance = document.querySelector("#balance");
		back.addEventListener("touchstart", function() {
			window.history.go(-1);
		})
		submit1.addEventListener("touchstart", function() {
			if(Number(balance.value) > Number(currentBalance.placeholder)) {
				balance.value = "";
				balance.placeholder = "提现金额不能大于当前余额";
				balance.setAttribute("class", "aque");
			} else if(balance.value != "" && Number(balance.value) <= Number(currentBalance.placeholder)) {
				zhezhao.style.display = "block";
			}
		})
		submit1.addEventListener("touchend", function(event) {
			this.style.background = "#f23a38";
		})
		zhezhao.addEventListener("touchstart", function(e) {
			if(e.target.nodeName.toLowerCase() == "center") {
				zhezhao.style.display = "none";
			}
		})
		
		if('addEventListener' in document) {
			document.addEventListener('DOMContentLoaded', function() {
				FastClick.attach(document.body);
			}, false);
		}
	</script>
		<script type="text/javascript">
	$(function(){
		$(".password-div input").on("input",function(e){ //标签为password-div下的input添加oninput事件
		var number = 6;   //定义输入最大值
		var pw = $("input[name = 'password']").val(); //定义pw为name是password的input框的输入值
		var list = $(".password-div ul li");  //定义list是li
		for(var i = 0; i < number ; i++){    //for循环遍历将·放入li标签
			if(pw[i]){
				$(list[i]).text("·");
			}else{
				$(list[i]).text("");
			};
		};
	});
	$(".password-div ul").click(function(){      
		$("input[name = 'password']").val("");
		$("#password").focus();
		$(".password-div ul li").text("");
	});

	})
</script>
</html>